<template>
  <suspense>
    <template #default>
      <rank-list></rank-list>
    </template>
    <template #fallback>
      <skeleton></skeleton>
    </template>
  </suspense>

</template>

<script>
import RankList from '../components/RankList.vue'
import Skeleton from '../components/Skeleton.vue'

export default {
  components: {
    RankList,
    Skeleton
  }
}
</script>
